body, html{margin:0; font-family:'Open Sans',sans-serif;font-weight:300;}
.a li{margin-bottom:10px;}
.klapp > div, header{display:block;display:-moz-box;display:-webkit-box;display:box;display:flex;}
header{padding:10px 15%; align-items:center;}
header a{width:30px;height:30px;text-decoration:none;color:#000;text-align:center;flex-shrink:0}
header h1{font-size:30px; margin:0 0 0 10px; color:#3f3f3f;font-weight:400}
header img{width:100%;}

nav{background-color:#3f3f3f; display:flex; padding:0 calc( 15% - 30px );}
nav ul{padding:0;margin:0}
nav ul li{list-style:none}
nav ul li a {-webkit-transition: background 0.3s ease-out 0s;-moz-transition: background 0.3s ease-out 0s;-o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; text-decoration:none;display:block;color:#eee;padding:14px 30px}
nav ul li ul{display:block;position:relative;padding:0;border:none;max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-out;-moz-transition:max-height .3s ease-out;-o-transition:max-height .3s ease-out;-ms-transition:max-height .3s ease-out;transition:max-height .3s ease-out}
nav ul li ul li{float:none;display:block;border:none}
nav ul li ul li a{padding-left:44px;color:#FAFAFA}
nav ul li:target a,nav ul li:target > ul li a, nav ul li:hover a,nav ul li:hover > ul li a{background-color:#616161; text-decoration:underline}
nav ul li:target > a{color:#FAFAFA}
nav ul li:target > ul{max-height:200px}
nav ul li ul li a:hover{background-color:#005C4C !important}
main{padding:0px;color:#000;}
article{width:100%;color:#333;line-height:1.4;font-size:16px;padding:20px 0}

article h3{font-weight:400; text-align:center; color:#F18800}
article h4{font-weight:400; text-align:center}

#text{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
#bilder{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}
.bild{width:11px;height:11px;float:left;display:block;margin-top:10px;margin-right:10px}
#bilder{width:407px;margin-bottom:25px}
#bild{width:407px;height:250px}
#text{width:370px}
article section li{list-style:none}
aside{margin-top:25px;display:none;flex-direction:column;}
aside div{background-color:#eee;margin-bottom:20px}
aside div p,aside div a{color:#000;display:inline-block;font-size:15px;margin:1px 0 1px 20px;min-width:160px;padding:10px}
aside div a:hover{background-color:#000;color:#FFF}
aside div h2{margin:0;background-color:#004C66;padding:5px 20px;color:#FFF;font-size:24px}
footer{padding: 20px 15% 0 15%;color:#d4d4d4;font-size:12px;background-color:#3f3f3f;}
footer a{text-decoration:none;color:#d4d4d4}
footer a:hover{text-decoration:underline}

nav ul li p {-webkit-transition: background 0.3s ease-out 0s;-moz-transition: background 0.3s ease-out 0s;-o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; text-decoration:none;display:block;color:#eee;padding:14px 25px}
nav ul li p{margin:0}
nav ul li:target p,nav ul li:target > ul li p, nav ul li:hover p,nav ul li:hover > ul li p{background-color:#008C74}
.anschrift{display:flex;justify-content:flex-end;flex-wrap:wrap;}
.anschrift p{margin-left:20px; margin-right:20px; text-align:right;}

h2{font-weight:300; font-size:35px;line-height:40px;margin:0px;}
main section{padding:100px 15%;}
main section img{height:300px;}

main section article {display:flex;}
main{color:#333}
#hl, #download{background-color:#dedede}
#hl article * {flex:0 !important}
#hl article{align-items:flex-end;}
.around{justify-content:space-around}
.center{justify-content:center;align-items:center}
.center > *{margin:0 50px;flex:1}
.start{justify-content:flex-begin}

#download .center > * {flex:0 1 auto}
.button {
  background: #3498db;
  background-image: linear-gradient(to bottom, #00477c, #00182a);
  -webkit-border-radius: 23;
  -moz-border-radius: 23;
  border-radius: 23px;
  text-align:center;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.button{color: #ffffff;text-decoration:none}
.button:hover{color:#ccc}

nav ul li{float:left}
nav ul li:last-child{border-right:0}
nav ul li ul{display:inline;visibility:hidden;position:absolute;padding:0;max-height:none;overflow:visible}
nav ul li:target > ul{max-height:none}
nav ul li:hover > ul{visibility:visible}
nav ul:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/Open+Sans/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/Open+Sans/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/Open+Sans/OpenSans-Bold.ttf) format('truetype');
}